/* YUI 3.8.1 (build 5795) Copyright 2013 Yahoo! Inc. */
body{
	margin: 0px;
	padding: 0px;
	background: black
  }
  
  
  /* .bg_color {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	height: 100%;
	background: radial-gradient(#ffffff, #4a4848);
  } */
  
  
  
  /* #gallery {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, -50%);
  } */
  
  
  
  
  
  .account_profile {
	display: flex;
	position: fixed;
	justify-content: space-between;
	/* align-items: center; */
	width: 100%;
	background: #000000ad;
	
	z-index: 2;
  
  }
  
  
  .profile_link_div {
	display: flex;
	align-items: center;
  }
  
  .profile_logo {
	margin: 10px 10px;
  }
  
  
  .profile_logo img {
	width: 46px;
	height: 46px;
	background: radial-gradient(#fbff00, #665a00);
	border-radius: 50px;
  }
  
  .username p {
	color: white;
	font-family: sans-serif;
	margin: 0px 0px;
	font-size: 18px;
	font-weight: 700;
  }
  
  small.designation {
	color:#adadad;
	font-family: sans-serif;
  }
  
  .window_close {
	color: #dfdfdf;
	margin: 14px 14px;
	background: #00000091;
	padding: 3px;
	border-radius: 50px;
	height: 20px;
	width: 20px;
	text-align: center;
	cursor: pointer;
	font-family: sans-serif;
  }

.gallery_main_div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
	/* background: radial-gradient(black, black); */
    
}
ul#gallery {
    display: inline-block;
    width: 100%;
	padding: 0px 0px;
}

li.loaded {
    width: 200px;
    height: 200px;
    display: inline-block;
	list-style:none; perspective:100px; -webkit-perspective:100px; margin:1px; 
	transition:.1s; -webkit-transition:0.1s;
}

li.loaded a {
    width: 100%;
    height: 100%;
}

li.loaded a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: 600ms;
}

li.loaded a img:hover {
    
	transform: scale(1.1);
	
}






@media screen and (max-width:900px) {
	.gallery_main_div {
		position: absolute;
		top: 0%;
		left: 0%;
		transform:unset;
		text-align: center;
		width: 100%;
		margin-top: 57px;
	}
}


@media screen and (max-width:417px) {
	li.loaded {
		width: 110px;
		height: 110px;
	}
}